<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dodfment</title>
</head>
<body>
    <div id = "flame1"> ID_CHECK </div>
    <div class = "water1"> CLASS_CHECK </div>
    <div> NONE_CECK </div>
    <script>
        var el_id = document.getElementById("flame1");
        console.log(el_id);

        var el_cllass = document.getElementsByClassName("water1")[0];
        console.log(el_cllass)
    </script>
</body>
</html>